<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/public.css">
   <link rel="stylesheet" href="css/search.css">

   <title>Search</title>
</head>
<body>

   <header>
      <!-- <img src="https://gitee.com/chiyan1107/images/blob/master/img/cplus.jpg" alt=""> -->
    <nav class="nav">
       <div class="nav_left">
         <img class='little-logo' src="image/little-logo.png" alt="little-logo">
         <span class="nav_user"> 欢迎进入，xxx </span>
        
      </div>
      

   </nav>
</header>
<div class="search_logo">
   <img src="image/logo.png" alt="logo" >
    <select  class="search_type">
       <option value="bookNameSearch">书名</option>
       <option value="authorSearch">作者</option>
       <option value="kindSearch">类别</option>
    </select>
   <input class="search_search" placeholder="请输入你想输入的内容" maxlenth="20"> 
   <div class="btn_search"></div>
</div>

<div class="show_books"></div>
<div class="detail"></div>


</div>
   <footer>
      <div class="footer-item">
         <span>联系电话:0106868088</span> 
         <ul>
            <li><a href="https://www.yunliyunwai.cn/">云顶书院官网</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">版权声明</a></li>
            <li><a href="">投诉举报</a></li>
         </ul>
      </div>
      <div class="footer-item">
         <span>官方邮箱:0s_beyond_clouds@163.com</span> 
         <ul>
            <li><a href="">代码托管平台</a></li>
            <li><a href="">加入我们</a></li>
            <li><a href="">商务合作</a></li>
            <li><a href="">用户协议</a></li>
            <li><a href="">意见反馈</a></li>
         </ul>
      </div>
      <div class="footer-item">
         <span>Copyright ◎2019云开源社区All Rights Reserved · 晋ICP备 18010660号-2    </span> 
         <ul>
            <li><a href="">营业执照</a></li>
            <li><a href="">网络文化经营许可证</a></li>
         </ul>
      </div>
   </footer>
    <button class="toTop" style="zoom: 2;"></button>

</div>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="js/search.js"></script> 

</body>

</html>
